<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="taglib" prefix="pln" %>

<h3><i class="gen-enclosed foundicon-tools"></i>Grilla de Pagina</h3>
<p class="note">Selecciona un tipo de grilla para tu pagina.</p>     

<span id="pageInfo" data-pageId="${page.id}" data-pageType="${page.pageType}"></span>
<div id="page_templates" class="layout-selector">
       <ul>
        	<c:forEach  items="${config.archiveTemplates}" var="template" varStatus="status">
        		<li id="template-${template}" data-template="${template}" class="${page.template eq template ? 'active' : ''}">
            		<img src="${pageContext.request.contextPath}/images/structure/${template}.jpg">
           			<input name="layout" type="radio" value="layout-${template}" ${page.template eq template ? 'checked' : ''} />
            	</li>
			</c:forEach>               
     	
       </ul>
                            
</div> 

<h3><i class="gen-enclosed foundicon-tools"></i>Carga de Videos</h3>
<p class="note">Agrega los videos que tengas en tu cuenta de YouTube y/o Vimeo.</p>   


<div class="input-group">
      <input id="youtube_user_input" type="text" class="form-control" placeholder="id de youtube">
      <span class="input-group-btn">
        <button id="youtube_user" class="btn btn-default" type="button">Cargar</button>
      </span>
</div><!-- /input-group -->

<div class="input-group">
      <input id="vimeo_user_input" type="text" class="form-control" placeholder="id de vimeo">
      <span class="input-group-btn">
        <button id="vimeo_user" class="btn btn-default" type="button">Cargar</button>
      </span>
</div><!-- /input-group -->

<table id='json_videos_list' width='100%' border='0' cellspacing='0' cellpadding='0' class='table table-striped'>

</table>
	
